<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Bootstrap Admin App + jQuery">
    <meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
    <title>公墓管理</title>
    <!-- =============== VENDOR STYLES ===============-->
    <!-- FONT AWESOME-->
    <link rel="stylesheet" href="css/fontawesome/css/font-awesome.min.css">
    <!-- SIMPLE LINE ICONS-->
    <link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
    <!-- ANIMATE.CSS-->
    <link rel="stylesheet" href="css/animate.css/animate.min.css">
    <!-- WHIRL (spinners)-->
    <link rel="stylesheet" href="css/whirl/dist/whirl.css">
    <!-- =============== PAGE VENDOR STYLES ===============-->
    <!-- layer CSS -->
    <link rel="stylesheet" type="text/css" href="js/layer/skin/layer.css">
    <link rel="stylesheet" type="text/css" href="js/layer/skin/layer.ext.css">
    <!-- DATATABLES-->
    <link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">
    <!--<link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->
    <link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
    <!-- =============== BOOTSTRAP STYLES ===============-->
    <link rel="stylesheet" href="css/bootstrap.css" id="bscss">
    <!-- =============== APP STYLES ===============-->
    <link rel="stylesheet" href="css/app.css" id="maincss">
    <link rel="stylesheet" href="css/myself.css" id="main1css">
</head>

<body>
<div class="wrapper">
    <!--header start-->
    <script type="text/javascript" src="header.html"></script>
    <!--header end-->
    <!-- sidebar-->
    <script type="text/javascript" src="left_sidebar.html"></script>
    <!-- offsidebar-->
    <!-- Main section-->
    <section style="margin-bottom: 0;">
        <div class="content-wrapper" style="padding-bottom: 0;">
            <div class="row " >
                <div class="col-lg-3 ">
                    <div class="panel panel-body panel-default dogo-css-tombbox">
                        <h3 class="dogo-css-h3 dogo-css-areah3" style="">公墓墓区</h3>
                        <div class="dogo-css-areahbtn">
                            <span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal" onclick="addRegion()"><img src="img/add.png">新增区</span>

                        </div>
                        <ul class="dogo-css-areaul">
                            <li>
                                <em class="fa fa-object-ungroup"></em>
                                <span id="infoDustName"></span>

                                <input type="hidden" id="hideDustId">
                                <ul class="dogo-css-arealist" id="regionList">

                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--panel-->
                </div>
                <!--col-->
                <div class="col-lg-3">
                    <div class="panel panel-body panel-default dogo-css-tombbox">
                        <h3 class="dogo-css-h3 dogo-css-areah3" style="">墓区排列<span id="infoOnRegionName"></span></h3>
                        <div class="dogo-css-areahbtn">
                            <span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal" onclick="addRow()"><img src="img/add.png">新增排</span>
                            <input type="hidden" id="hideRegionId">
                        </div>
                        <ul class="dogo-css-areaul">
                            <li>

                                <ul class="dogo-css-arealist" style="padding-left: 0;" id="rowList">

                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--col-->
                <div class="col-lg-6">
                    <div class="panel panel-body panel-default dogo-css-tombbox">
                        <h3 class="dogo-css-h3 dogo-css-areah3" style="">墓穴信息-<span id="infoOnRowName"></span></h3>
                        <div class="dogo-css-areahbtn">
                            <span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal" onclick="addGrave()"><img src="img/add.png">新增墓穴</span>
                            <span class="dogo-css-checkBtn1" onclick="deleteGrave()"><img src="img/delete.png">删除墓穴</span>
                            <input type="hidden" id="hideClickGrave">
                            <input type="hidden" id="hideRowId">
                        </div>
                        <div class="row dogo-css-graverow" id="graveList">

                        </div>

                    </div>
                </div>
                <!--col-->
            </div>
            <!--row-->
        </div>
    </section>
</div>
<!-- 添加Modal-->
<div id="addRowModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
    <div class="modal-dialog dogo-css-modialog">
        <div class="modal-content dogo-css-mocontent">
            <div class="modal-header dogo-css-moheader">
                <button type="button" data-dismiss="modal" aria-label="Close" class="close dogo-css-moclose">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span id="myModalLabel" class="modal-title dogo-css-motitle">添加</span>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-stripe" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label dogo-css-search">排名称</label>
                        <div class="col-sm-10">
                            <input type="hidden" class="form-control" id="regionIdByRow" name="regionIdByRow" maxlength="20">
                            <input type="text" class="form-control" id="rowName" name="rowName" maxlength="20" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="saveRowInfo">确定</button>
                <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加Modal-->
<div id="addGraveModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
    <div class="modal-dialog dogo-css-modialog">
        <div class="modal-content dogo-css-mocontent">
            <div class="modal-header dogo-css-moheader">
                <button type="button" data-dismiss="modal" aria-label="Close" class="close dogo-css-moclose">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span id="graveModalLabel" class="modal-title dogo-css-motitle">添加</span>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-stripe" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label dogo-css-search">墓穴名称</label>
                        <div class="col-sm-10">
                            <input type="hidden" class="form-control" id="rowIdByGrave" name="rowIdByGrave" maxlength="20">
                            <input type="text" class="form-control" id="graveName" name="graveName" maxlength="20" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="saveGraveInfo">确定</button>
                <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="addRegionModel" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content  dogo-css-mocontent">
            <div class="modal-header dogo-css-moheader">
                <button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title dogo-css-motitle" id="label">添加区</h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal form-stripe">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label dogo-css-search">区名称</label>
                        <div class="col-sm-10">
                            <input type="hidden" class="form-control" id="dustIdByRegion" name="dustIdByRegion" maxlength="20">
                            <input type="text" class="form-control" id="regionName" name="regionName" maxlength="20">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  id="saveRegionInfo">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>


        </div>
    </div>
</div>
</div>
<!-- =============== VENDOR SCRIPTS ===============-->
<!-- JQUERY-->
<script src="js/jquery/dist/jquery.js"></script>
<!-- BOOTSTRAP-->
<script src="js/bootstrap/dist/js/bootstrap.js"></script>
<!-- STORAGE API-->
<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
<!-- DATATABLES-->
<script src="js/datatables/media/js/jquery.dataTables.min.js"></script>
<!-- lay API-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript" src="js/layer/extend/layer.ext.js"></script>
<!-- =============== APP SCRIPTS ===============-->
<script src="js/app.js"></script>
<script src="js/myself.js"></script>
<script src="js/project/common.js"></script>
<script src="js/project/grave.js"></script>
</body>

</html>